import React, { Component } from 'react'
import { Route, NavLink, withRouter } from 'react-router-dom'

class Nav extends Component {
    render() {
        return (
            <nav>
                <NavLink exact to='/'>首页</NavLink>
                <NavLink exact to='/profile'>个人中心</NavLink>
                <NavLink exact to='/user'>用户</NavLink>
            </nav>
        )
    }
}

// 如果某个组件 不是通过route来渲染的还想用里面的props 可以使用withRouter
export default withRouter(Nav)


// 高阶组件 就是组件返回组件 ，可以把公共的功能放到父亲来做
// 封装公共方法的组件
// function withRouter(component) {
//     return () => {
//         return <Route component={Nav} />
//     }
// }
